import React from "react";
import { Route, Routes} from 'react-router-dom'
import Home from "../pages/Main/Home";
import LifeService from "../pages/Main/LifeService";
import Shop from "../pages/Main/Shop";
import User from "../pages/Main/User";
import City from "../pages/City";
import Search from "../pages/Search";
import Layout from "../pages/Main/layout";
import Details from "../pages/Details";
import Login from "../pages/Login";
import Order from "../pages/Order";

const AppRouter=()=>{
    return(

        <Routes>

                <Route exact path='/' element={<Home/>}></Route>
                <Route path='/life' element={<LifeService/>}></Route>
                <Route path='/Shop' element={<Shop/>}></Route>
                <Route path='/User' element={<User/>}></Route>
                <Route path='/City' element={<City/>}></Route>
                <Route path='/search/:keywords' element={<Search/>}></Route>
                <Route path='/details/:id' element={<Details/>}></Route>
                <Route path='/login' element={<Login/>}></Route>
                <Route path='/order' element={<Order/>}></Route>



        </Routes>
    )
}
export default AppRouter